let temp = {
    'a市局': {
        'AJ': {
            max: 10,
            value: 1
        },
        'QB': {
            max: 10,
            value: 2
        },
        'XS': {
            max: 10,
            value: 3
        },
        'ZX': {
            max: 10,
            value: 4
        },
        'DY': {
            max: 10,
            value: 5
        },
        'LK': {
            max: 10,
            value: 6
        },
        'TB': {
            max: 10,
            value: 7
        },
        'LL': {
            max: 10,
            value: 8
        },
    },
    'b市局': {
        'AJ': {
            max: 20,
            value: 2
        },
        'QB': {
            max: 20,
            value: 1
        },
        'XS': {
            max: 20,
            value: 4
        },
        'ZX': {
            max: 20,
            value: 5
        },
        'DY': {
            max: 20,
            value: 6
        },
        'LK': {
            max: 20,
            value: 8
        },
        'TB': {
            max: 20,
            value: 9
        },
        'LL': {
            max: 20,
            value: 10
        }
    },
    'c市局': {
        'AJ': {
            max: 10,
            value: 4
        },
        'QB': {
            max: 10,
            value: 5
        },
        'XS': {
            max: 10,
            value: 3
        },
        'ZX': {
            max: 10,
            value: 2
        },
        'DY': {
            max: 10,
            value: 1
        },
        'LK': {
            max: 10,
            value: 3
        },
        'TB': {
            max: 10,
            value: 4
        },
        'LL': {
            max: 10,
            value: 5
        }
    },
    'd市局': {
        'AJ': {
            max: 10,
            value: 2
        },
        'QB': {
            max: 10,
            value: 5
        },
        'XS': {
            max: 10,
            value: 6
        },
        'ZX': {
            max: 10,
            value: 7
        },
        'DY': {
            max: 10,
            value: 4
        },
        'LK': {
            max: 10,
            value: 8
        },
        'TB': {
            max: 10,
            value: 2
        },
        'LL': {
            max: 10,
            value: 4
        }
    },
    'e市局': {
        'AJ': {
            max: 10,
            value: 5
        },
        'QB': {
            max: 10,
            value: 6
        },
        'XS': {
            max: 10,
            value: 7
        },
        'ZX': {
            max: 10,
            value: 8
        },
        'DY': {
            max: 10,
            value: 9
        },
        'LK': {
            max: 10,
            value: 10
        },
        'TB': {
            max: 10,
            value: 3
        },
        'LL': {
            max: 10,
            value: 3
        }
    },
    'f市局': {
        'AJ': {
            max: 10,
            value: 4
        },
        'QB': {
            max: 10,
            value: 5
        },
        'XS': {
            max: 10,
            value: 6
        },
        'ZX': {
            max: 10,
            value: 7
        },
        'DY': {
            max: 10,
            value: 8
        },
        'LK': {
            max: 10,
            value: 2
        },
        'TB': {
            max: 10,
            value: 1
        },
        'LL': {
            max: 10,
            value: 3
        }
    },
    'g市局': {
        'AJ': {
            max: 10,
            value: 4
        },
        'QB': {
            max: 10,
            value: 5
        },
        'XS': {
            max: 10,
            value: 6
        },
        'ZX': {
            max: 10,
            value: 7
        },
        'DY': {
            max: 10,
            value: 8
        },
        'LK': {
            max: 10,
            value: 9
        },
        'TB': {
            max: 10,
            value: 10
        },
        'LL': {
            max: 10,
            value: 3
        }
    },
    'h市局': {
        'AJ': {
            max: 10,
            value: 4
        },
        'QB': {
            max: 10,
            value: 3
        },
        'XS': {
            max: 10,
            value: 2
        },
        'ZX': {
            max: 10,
            value: 4
        },
        'DY': {
            max: 10,
            value: 5
        },
        'LK': {
            max: 10,
            value: 6
        },
        'TB': {
            max: 10,
            value: 7
        },
        'LL': {
            max: 10,
            value: 8
        }
    },
    'i市局': {
        'AJ': {
            max: 10,
            value: 9
        },
        'QB': {
            max: 10,
            value: 10
        },
        'XS': {
            max: 10,
            value: 4
        },
        'ZX': {
            max: 10,
            value: 5
        },
        'DY': {
            max: 10,
            value: 6
        },
        'LK': {
            max: 10,
            value: 7
        },
        'TB': {
            max: 10,
            value: 8
        },
        'LL': {
            max: 10,
            value: 9
        }
    },
    'j市局': {
        'AJ': {
            max: 10,
            value: 1
        },
        'QB': {
            max: 10,
            value: 3
        },
        'XS': {
            max: 10,
            value: 4
        },
        'ZX': {
            max: 10,
            value: 6
        },
        'DY': {
            max: 10,
            value: 7
        },
        'LK': {
            max: 10,
            value: 8
        },
        'TB': {
            max: 10,
            value: 1
        },
        'LL': {
            max: 10,
            value: 9
        }
    },
    'k市局': {
        'AJ': {
            max: 10,
            value: 4
        },
        'QB': {
            max: 10,
            value: 5
        },
        'XS': {
            max: 10,
            value: 6
        },
        'ZX': {
            max: 10,
            value: 7
        },
        'DY': {
            max: 10,
            value: 8
        },
        'LK': {
            max: 10,
            value: 9
        },
        'TB': {
            max: 10,
            value: 10
        },
        'LL': {
            max: 10,
            value: 4
        }
    },
    'l市局': {
        'AJ': {
            max: 10,
            value: 4
        },
        'QB': {
            max: 10,
            value: 5
        },
        'XS': {
            max: 10,
            value: 6
        },
        'ZX': {
            max: 10,
            value: 7
        },
        'DY': {
            max: 10,
            value: 3
        },
        'LK': {
            max: 10,
            value: 8
        },
        'TB': {
            max: 10,
            value: 4
        },
        'LL': {
            max: 10,
            value: 5
        }
    },
    'm市局': {
        'AJ': {
            max: 10,
            value: 1
        },
        'QB': {
            max: 10,
            value: 2
        },
        'XS': {
            max: 10,
            value: 4
        },
        'ZX': {
            max: 10,
            value: 6
        },
        'DY': {
            max: 10,
            value: 7
        },
        'LK': {
            max: 10,
            value: 8
        },
        'TB': {
            max: 10,
            value: 9
        },
        'LL': {
            max: 10,
            value: 10
        }
    },
    'n市局': {
        'AJ': {
            max: 10,
            value: 10
        },
        'QB': {
            max: 10,
            value: 2
        },
        'XS': {
            max: 10,
            value: 3
        },
        'ZX': {
            max: 10,
            value: 4
        },
        'DY': {
            max: 10,
            value: 5
        },
        'LK': {
            max: 10,
            value: 6
        },
        'TB': {
            max: 10,
            value: 7
        },
        'LL': {
            max: 10,
            value: 8
        }
    },
}

let legend_data = Object.keys(temp)
let cur_legend = legend_data[0]
const indicator = []
let colorArr = Array.from({
    length: legend_data.length
}).map(item => '#4A99FF'); //颜色
let dataArr = Object.values(temp).map((item, index) => {
    let value = []
    for (const key in item) {
        if (Object.hasOwnProperty.call(item, key)) {
            const element = item[key];
            value.push(element['value'])
            if (index == 0) {
                indicator.push({
                    text: key,
                    max: element['max']
                })
            }
        }
    }
    return {
        value: value,
        name: legend_data[index],
        itemStyle: {
            normal: {
                lineStyle: {
                    color: colorArr[index],
                },
                shadowColor: colorArr[index],
                shadowBlur: 10,
            },
        },
        areaStyle: {
            normal: { // 单项区域填充样式
                color: {
                    type: 'linear',
                    x: 0, //右
                    y: 0, //下
                    x2: 1, //左
                    y2: 1, //上
                    colorStops: [{
                        offset: 0,
                        color: colorArr[index]
                    }, {
                        offset: 0.5,
                        color: 'rgba(0,0,0,0)'
                    }, {
                        offset: 1,
                        color: colorArr[index]
                    }],
                    globalCoord: false
                },
                opacity: 1 // 区域透明度
            }
        }
    }
})
let ZB_OPTION = {
    backgroundColor: 'rgba(0,0,0,0)',
    color: colorArr,
    tooltip: {
        trigger: 'item',
        formatter: function (params) {
            result = ''
            let value = params.value;
            let keys = Object.keys(temp[Object.keys(temp)[0]])
            value.forEach((item, index) => {
                // item 是每一个系列的数据
                result += keys[index] + '：' + item + '<br/>';
            });
            return result;
        }
    },
    legend: [{
        // type: 'scroll',  
        selectedMode: 'single',
        orient: 'vertical',
        icon: 'circle', //图例形状
        data: legend_data,
        bottom: 0,
        right: '4%',
        top: '0%',
        itemWidth: 10, // 图例标记的图形宽度。[ default: 25 ]
        itemHeight: 10, // 图例标记的图形高度。[ default: 14 ]
        itemGap: 10, // 图例每项之间的间隔。[ default: 10 ]横向布局时为水平间隔，纵向布局时为纵向间隔。
        textStyle: {
            fontSize: 10,
            color: '#00E4FF',
        },
        pageIconInactiveColor: '#fff',
        pageIconColor: "#00E4FF",
        pageIconSize: 9,
    }],
    radar: {
        center: ['33%', '49%'],
        radius: '55%',
        name: {
            formatter: function (v, indicator) {
                return `${v}：${temp[cur_legend][v].value}/${indicator.max}`
            },
            textStyle: {
                color: '#fff',
                fontSize: 10
            },
        },
        indicator: indicator,
        splitArea: { // 坐标轴在 grid 区域中的分隔区域，默认不显示。
            show: true,
            areaStyle: { // 分隔区域的样式设置。
                color: ['rgba(255,255,255,0)', 'rgba(255,255,255,0)'], // 分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。
            }
        },
        axisLine: { //指向外圈文本的分隔线样式
            lineStyle: {
                color: '#153269'
            }
        },
        splitLine: {
            lineStyle: {
                color: '#113865', // 分隔线颜色
                width: 1, // 分隔线线宽
            }
        },
    },
    series: [{
        type: 'radar',
        symbolSize: 8,
        data: dataArr
    }]
};